<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <title>圈子详情</title>
    <link rel="stylesheet" href="../../css/api.css">
    <link rel="stylesheet" href="../../css/vant.css">
    <link rel="stylesheet" href="../../css/main.css">
    <style>
        .van-field__body textarea {
            width: 3.51rem;
            height: 1.36rem !important;
            border: .01rem solid #EBEBEB;
            border-radius: .05rem;
            padding: .1rem .08rem;
        }
    </style>
</head>

<body>
    <div class="app" v-cloak>
        <header>
            <div class="flex-x-sb">
                <span class="iconfont goback" @click="back">&#xe66f;</span>
                <div class="title">
                    动态详情
                </div>
                <div class="flex-x-sb">
                    <div class="dynamic-img-btn">
<!--                        <img src="https://zzzzkj.oss-cn-shanghai.aliyuncs.com/static/tiexie/app/image/image/circle/report.png" alt="" @click="showDialog(0)">-->
<!--                        <img src="https://zzzzkj.oss-cn-shanghai.aliyuncs.com/static/tiexie/app/image/image/circle/share.png" alt="" @click="showDialog(1)">-->
                        <div class="header-icon" @click="showDialog(1)">
                            <img src="https://zzzzkj.oss-cn-shanghai.aliyuncs.com/static/tiexie/app/image/image/mine/report.png" alt="">
                        </div>
                        <div class="header-icon" @click="showDialog(2)">
                            <img src="https://zzzzkj.oss-cn-shanghai.aliyuncs.com/static/tiexie/app/image/image/mine/share.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </header>
    </div>
    <script src="../../script/api.js"></script>
    <script src="../../script/flexible.js"></script>
    <script src="../../script/fastclick.js"></script>
    <script src="../../script/vue.min.js"></script>
    <script src="../../script/iconfont.js"></script>
    <script src="../../script/vant.min.js"></script>
    <script src="../../script/common.js"></script>
    <script src="../../script/restful.js"></script>
    <script>
        apiready = function() {
            vm = new Vue({
                el: '.app',
                data: {
                    module: 'TOPIC',
                    id: api.pageParam.topicId,
                    content: api.pageParam.topic ? api.pageParam.topic.content : ''
                },
                mounted() {
                    var header = $api.dom('header');
                    var headerH = $api.fixStatusBar(header);
                    api.openFrame({
                        name: 'circle_detail_frm',
                        url: 'circle_detail_frm.html',
                        rect: {
                            marginTop: headerH + 4,
                            marginBottom: 0,
                            w: 'auto'
                        },
                        pageParam: api.pageParam
                    });
                },
                methods: {
                    back() {
                        api.closeWin();
                    },
                    showDialog(type) {
                        if(!checkToken()) return false;
                        toReportOrShareDialog(vm.module, vm.id, type, vm.content)
                    },
                },
            })
        }
    </script>
</body>

</html>